<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Javascript Blocks game</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="blockscape.js" ></script>
<script type="text/javascript" src="solver.js" ></script>
<script type="text/javascript" src="levels.js" ></script>
<link type="text/css" rel="Stylesheet" href="blockscape.css" />

</head>
<body>
<button id="solve" onclick="$('#levels').html(getLevelsString(all_levels));">solve</button><br />
<div id="solution">
solution
</div>
<div id="levels">
levels
</div>
<br />
<div class="major_container" style="width:456px;height:600px;">
    <div class="score" style="width:456px;">
        <span>Level: </span><span id="level"> 0 </span>
        <button style="font-size:large;" onclick='loadLevel(--level);'>Previous</button>
        <button style="font-size:large;" onclick='loadLevel(level);'>Reload</button>
        <button style="font-size:large;" onclick='loadLevel(++level);'>Next</button>
        <span>Moves: </span><span id="moves"> 0 </span>
    </div>
</div><br />
<script type="text/javascript" language = "javascript">

</script>
</body>
</html>